<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘爱心商品详情页</title>
    <link type="text/css" rel="stylesheet" href="style/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<link type="text/css" rel="stylesheet" href="style/details.css">
    <link type="text/css" rel="stylesheet" href="style/main.min.css">
</head>

<body class="grey">
<div class="headerBar">
     <div class="topBar">
		<div class="comWidth">
            <div class="leftArea">
				<!-- <a href="#" class="collection">收藏淘爱心</a> -->
                <div class="account fl" id="account">
                    <a href="#"><span class="sign-success"></span></a>
                        <div class="mune" class="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                    <a href="details.html"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"><a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                        </div>
                </div>
			</div>
              <div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
<!-- 			<div class="rightArea">
				欢迎来到淘爱心！<a href="#">[登录]</a><a href="#">[免费注册]</a>
			</div> -->
<!--             <div class="rightArea">
                <a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页&nbsp</span></a>
                <span class="fl">欢迎来到淘爱心！</span>
                <div class="account fl" id="account">
                    <a href="#"><span class="sign-success">qq191995762</span></a>
                        <div class="mune" class="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                <a href="details.html"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a>账号管理</a><a>退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                        </div>
                </div>
                <div class="wdtax fl" id="wdtax">
                    <a href="account.html">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="accounnt.html">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
                <div class="fl"><a href="#">我的消息</a></div>
                <div class="favorites fl" id="favorites">
                    <a href="#">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="#">卖家中心</a>
                    <ul class="mune" id="seller_mune">
                        <li><a href="#">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
            </div> -->
            <div class="rightArea">
                <a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
                
                <div class="wdtax fl" id="wdtax">
                    <a href="#">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="#">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
                <a href="#" class="fl">我的消息</a>
                <div class="myshop fl">
                    <span class="shopping-icon">&#xe61c</span>
                    <a href="shopping.html">购物车</a></div>
                <div class="favorites fl" id="favorites">
                    <span class="icon-fav">&#xe610;</span>
                    <a href="favorite.html">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="sellerCenter.html">卖家中心</a>
                    <ul class="mune" id="seller_mune">
                        <li><a href="sellerCenter.html">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
            </div>
		</div>
	</div>  
	<div class="logoBar">
		<div class="comWidth clearfix">
			<div class="logo fl">
				<a href=""><img src="images/logo/tax-1.jpg" alt="淘爱心"></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl">
				<input type="button" value="搜 索" class="search_btn fr">
			</div>
			<div class="shopCar fr">
				<span class="shopText fl">购物车</span>
				<span class="shopNum fl">0</span>
			</div>
		</div>
	</div>
    <div class="navBoxother">
		<div class="comWidth clearfix">
			<div class="shopClass fl">
				<h3>全部商品分类<i class="shopClass_icon"></i></h3>
			</div>
			<ul class="nav fl">
				<li><a href="products.html" class="active">爱心推荐</a></li>
				<li><a href="products.html">爱心商品</a></li>
				<li><a href="products.html">爱心岗位</a></li>
				<li><a href="products.html">爱心时间</a></li>
				
			</ul>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
		</div>
	</div> 
</div>

<div class="userPosition comWidth">
	<strong><a href="#">首页</a></strong>
	<span>&nbsp;&gt;&nbsp;</span>
	<a href="#">平板电脑</a>
	<span>&nbsp;&gt;&nbsp;</span>
	<em>MD531CH/A</em>
</div>
<div class="comWidth clearfix">
    <div class="description_info fl">
        <div class="description clearfix">
            <p>&nbsp;</p>
            <div class="leftArea">
                <div class="description_imgs pro_detail_left">
                    <!-- <div class="big">
                        <img src="images/details/taxxq-1.jpg" alt="">
                    </div> -->
                    <div class="jqzoom"><img src="images/pro_img/blue_one_small.jpg" class="fs" alt=""  jqimg="images/pro_img/blue_one_big.jpg" id="bigImg"/></div>
                    <ul class="des_smimg clearfix">
                        <!-- <li><img src="images/details/taxxq-2.jpg" class="active" alt=""></li> -->
                        <li><img src="images/pro_img/blue_one.jpg" alt=""></li>
                        <li><img src="images/pro_img/blue_two.jpg" alt=""></li>
                        <li><img src="images/pro_img/blue_three.jpg" alt=""></li>
                        <!-- <li><img src="images/details/taxxq-2.jpg" alt=""></li> -->
                    </ul>
                </div>
            </div>
            <div class="rightArea">
                <div class="des_content">
                    <h3 class="des_content_tit">全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生
    产批次不同混合发货</h3>
                    <div class="dl clearfix">
                        <div class="dt">淘爱心价</div>
                        <div class="dd clearfix"><span class="des_money"><em>￥</em>999.00</span></div>
                    </div>
                    <div class="dl clearfix">
                        <div class="dt">优惠</div>
                        <div class="dd clearfix"><span class="hg"><i class="hg_icon">满换购</i><em>购ipad加价优惠够配件或USB充电插座</em></span></div>
                    </div>
                    <div class="des_position">
                        <div class="dl clearfix">
                            <div class="dt">送到</div>
                            <div class="dd clearfix">
                                <div class="select">
                                    <h3>杭州电子科技大学</h3><span></span>
                                    <ul class="show_select">
                                        <li>上帝</li>
                                        <li>五道口</li>
                                        <li>上帝</li>
                                    </ul>
                                </div>
                                <span class="theGoods">有货，可当日出货</span>
                            </div>
                        </div>
                        <div class="dl clearfix">
                            <div class="dt colorSelect">选择颜色</div>
                            <div class="dd clearfix">
                                <div class="des_item des_item_acitve">
                                    WIFI 16GB
                                </div>
                                <div class="des_item">
                                    WIFI 16GB
                                </div>
                                <div class="des_item">
                                    WIFI 16GB
                                </div>
                            </div>
                        </div>
                        <div class="dl clearfix">
                            <div class="dt des_select_more">选择版本</div>
                            <div class="dd clearfix ">
                                <div class="des_item des_item_sm des_item_acitve">
                                    WIFI 16GB
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 16GB + 3G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI + 3G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 16GB
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 16GB + 3G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI + 3G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 16GB
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 16GB + 3G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI + 3G
                                </div>
                            </div>
                        </div>
                        <div class="dl">
                            <div class="dt des_num">数量</div>
                            <div class="dd clearfix">
                                <div class="des_number">
                                    <div class="reduction">-</div>
                                    <div class="des_input">
                                        <input type="text">
                                    </div>
                                    <div class="plus">+</div>
                                </div>
                                <span class="xg">限购<em>9</em>件</span>
                            </div>
                        </div>
                    </div>
                    <div class="des_select">
                        已选择 <span>"白色|WIFI 16G"</span>
                    </div>
                    <div class="shop_buy">
                        <a href="shopping.html" class="btn btn-danger">加入购物车</a>
                        <span class="line"></span>
                        <a href="order.html" class="btn btn-danger">立即购买</a>
                    </div>
                    <div class="notes">
                        注意：此商品可提供普通发票，不提供增值税发票。
                    </div>
                </div>
            </div>
        </div>     
    </div>
    
</div>

<div class="comWidth details">
    <div class="des_info  clearfix container product">
        <div class="row">
            <div class="col-md-3 product-list">
                <div class="">
                    <div class="recommend">
                        <h3 class="tit">同价位</h3>
                        <div class="product-item">
                            <div class="product-img">
                                <a href="details.html" class="link-dark">
                                    <img src="images/products/1.jpg" class="img-responsive">
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="title">
                                    <a href="" class="link-dark">这事儿还真得说道说道</a>
                                </div>
                                <p class="text-line"></p>
                                <div class="metas">
                                    <span class="price">￥1100</span>
                                    <span class="num">53人已付款</span>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="product-img">
                                <a href="details.html" class="link-dark">
                                    <img src="images/products/2.jpg" class="img-responsive">
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="title">
                                    <a href="" class="link-dark">这事儿还真得说道说道</a>
                                </div>
                                <p class="text-line"></p>
                                <div class="metas">
                                    <span class="price">￥10</span>
                                    <span class="num">533人已付款</span>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="product-img">
                                <a href="details.html" class="link-dark">
                                    <img src="images/products/3.jpg" class="img-responsive">
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="title">
                                    <a href="" class="link-dark">这事儿还真得说道说道</a>
                                </div>
                                <p class="text-line"></p>
                                <div class="metas">
                                    <span class="price">￥660</span>
                                    <span class="num">23人已付款</span>
                                </div>
                            </div>
                        </div>
                 </div>
                
            <div class="hr_15"></div>
            <div class="recommend">
                <h3 class="tit">猜你喜欢</h3>
                <div class="product-item">
                    <div class="product-img">
                        <a href="details.html" class="link-dark">
                            <img src="images/products/1.jpg" class="img-responsive">
                        </a>
                    </div>
                    <div class="product-info">
                        <div class="title">
                            <a href="" class="link-dark">这事儿还真得说道说道</a>
                        </div>
                        <p class="text-line"></p>
                        <div class="metas">
                            <span class="price">￥1100</span>
                            <span class="num">53人已付款</span>
                        </div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-img">
                        <a href="details.html" class="link-dark">
                            <img src="images/products/2.jpg" class="img-responsive">
                        </a>
                    </div>
                    <div class="product-info">
                        <div class="title">
                            <a href="" class="link-dark">这事儿还真得说道说道</a>
                        </div>
                        <p class="text-line"></p>
                        <div class="metas">
                            <span class="price">￥10</span>
                            <span class="num">533人已付款</span>
                        </div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-img">
                        <a href="details.html" class="link-dark">
                            <img src="images/products/3.jpg" class="img-responsive">
                        </a>
                    </div>
                    <div class="product-info">
                        <div class="title">
                            <a href="" class="link-dark">这事儿还真得说道说道</a>
                        </div>
                        <p class="text-line"></p>
                        <div class="metas">
                            <span class="price">￥660</span>
                            <span class="num">23人已付款</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            </div>
            <div class="col-md-9">
                <div class="">
                    <div class="des_infoContent">
                <ul class="des_tit">
                    <li class="active"><span>产品介绍</span></li>
                    <li><span>产品评价(12312)</span></li>
                    <li><span>月成交记录(12312)</span></li>
                </ul>
                <div class="ad1">
                    <a href="#"><img src="images/details/taxxq-4.jpg"></a>
                </div>
                 <div class="ad2">
                    <a href="#"><img src="images/details/taxxq-5.jpg"></a>
                </div>
                <div class="info_text">
                    <div class="info_tit">
                        <h3>强烈推荐</h3><h4>货比三家，还选</h4>
                    </div>
                    <p>现在就是买mini的好时候！换代清仓直降，但苹果品质不变！A5双核，内置Lightning闪电接口，正反可插，方便人性。小身材，炫丽的7.9英寸显示屏，7.2mm的厚度，薄如铅笔。女生包包随身携带更时尚！facetime视频通话，与密友24小时畅聊不断线。微信倾力打造，你的智能助理。苹果的牌子就不用我说了，1111补仓，存货不多哦！</p>
                    <div class="hr_26"></div>
                    <div class="info_tit">
                        <h3>精美图片</h3><h4>货比三家，还选</h4>
                    </div>
                    <p>现在就是买mini的好时候！换代清仓直降，但苹果品质不变！A5双核，内置Lightning闪电接口，正反可插，方便人性。小身材，炫丽的7.9英寸显示屏，7.2mm的厚度，薄如铅笔。女生包包随身携带更时尚！facetime视频通话，与密友24小时畅聊不断线。微信倾力打造，你的智能助理。苹果的牌子就不用我说了，1111补仓，存货不多哦！</p>
                    <div class="hr_26"></div>
                    <img src="images/details/taxxq-6.jpg" class="center">
                    <div class="hr_26"></div>
                </div>
            </div>
            <div class="hr_15"></div>
            <div class="des_infoContent">
                <h3 class="shopDes_tit">商品评价</h3>
                <div class="score_box clearfix">
                    <div class="score">
                        <span>4.7</span><em>分</em>
                    </div>
                    <div class="score_speed">
                        <ul class="score_speed_text">
                            <li class="speed_01">非常不满意</li>
                            <li class="speed_02">不满意</li>
                            <li class="speed_03">一般</li>
                            <li class="speed_04">满意</li>
                            <li>非常满意</li>
                        </ul>
                        <div class="score_num">
                            4.7<i></i>
                        </div>
                        <p>共18939位网友参与评分</p>
                    </div>
                </div>
                <div class="review_tab">
                    <ul class="review fl">
                        <li><a href="#" class="active">全部</a></li>
                        <li><a href="#">满意（3121）</a></li>
                        <li><a href="#">一般（321）</a></li>
                        <li><a href="#">不满意（1121）</a></li>
                    </ul>
                    <div class="review_sort fr">
                        <a href="#" class="review_time">时间排序</a><a href="#" class="review_reco">推荐排序</a>
                    </div>
                </div>
                <div class="review_listBox">
                    <div class="review_list clearfix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/logo/taxyh-2.jpg" alt="">
                                <p>61***42</p>
                                <p>金色会员</p>
                            </div>
                        </div>
                        <div class="review_cont">
                            <div class="review_t clearfix">
                                <div class="starsBox fl"><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span></div>
                                <span class="stars_text fl">5分 满意</span>
                            </div>
                            <p>东西很好，好评</p>
                            <p><a href="#" class="ding">顶(0)</a><a href="#" class="cai">踩(0)</a></p>
                        </div>
                    </div>
                    <div class="review_list clearfix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/logo/taxyh-1.jpg" alt="">
                                <p>61***42</p>
                                <p>金色会员</p>
                            </div>
                        </div>
                        <div class="review_cont">
                            <div class="review_t clearfix">
                                <div class="starsBox fl"><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span></div>
                                <span class="stars_text fl">5分 满意</span>
                            </div>
                            <p>东西很好，好评</p>
                            <p><a href="#" class="ding">顶(0)</a><a href="#" class="cai">踩(0)</a></p>
                        </div>
                    </div>
                    <div class="hr_26"></div>
                </div>
            </div>
        </div>
            </div>
        </div>
    </div>
</div>   

<div class="hr_45">
<p>Copyright&nbsp;&nbsp;&nbsp;2016&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/jquery.livequery.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/jquery.thickbox.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/details.js"></script>
<script type="text/javascript" src="js/easyPay.js"></script>
</body>
</html>